<extend name="Base/base" />
<block name='head'>
    <meta charset="utf-8">
    <link href="/Public/static/dropload/dropload.css" rel="stylesheet" />
    <!--<link href="/Public/Index/css/workflow.css" rel="stylesheet" />-->
    <link href="/Public/Index/css/workflow.css" rel="stylesheet" /> 
    <style>
        /*工作流程查询开始*/
        .workflow_search {
            width:100%;
            height:100%;
            margin:0 auto;
            font-size:1em;
        }
        .workflow_search form {
            width:90%;
            margin:1em auto;
        }
        .workflow_search ul li {
            margin:1.6em 0;
        }
        .workflow_search ul li label {
            display: block;
            float: left;
            margin: 0 10px 0 0;
            padding: 5px;
            text-align: right;
            width: 5em;
        }
        .workflow_search input[type=text]{
            width:26%;
            height:2em;
            border: 1px solid #aaa;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            margin-left:0.5em;
            margin-right:0.5em;
            text-indent:0.8em;
            color:#666;

        }
        .workflow_search input[type="button"] {
            background: #437dba;
            border: none;
            color: #fff;
            cursor: pointer;
            padding: 10px;
            width:6em;
/*            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;*/
            border-radius: 4px;
            margin-right:0.8em;
        }
        .workflow_search input[type="button"]:hover {
            box-shadow: 0 0 5px #437dba;
        }
        .workflow_search li:nth-last-child(1) {
            text-align: right;
            margin-left:8em;
        }
        .workflow_search .empty1 {
            color:#437dba;
        }

        .workflow_search input[type=text]:focus{
            background-color:#fefffe;
            border-color:#3bb4f2;
            outline:0;
            -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(59,180,242,.3);
            box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(59,180,242,.3);
        }


        .workflow_search .select {
            display: inline-block;
            /* 1 */
            position: relative;
            /* 2 */
            vertical-align: middle;
            /* 3 */
            /* 4 */
            overflow: hidden;
            /* 5 */
            background: #fff;
            color: #555;
            border: 1px solid #aaa;
            text-shadow: none;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            -moz-transition: box-shadow 0.25s ease;
            -o-transition: box-shadow 0.25s ease;
            -webkit-transition: box-shadow 0.25s ease;
            transition: box-shadow 0.25s ease;
            margin-left:0.5em;
            /* 6 */
            /* 6 */
        }
        .workflow_search .select:hover {
            background-color:#fefffe;
            border-color:#3bb4f2;
            outline:0;
            -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(59,180,242,.3);
            box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 5px rgba(59,180,242,.3);
        }
        .workflow_search .select:before {
            position: absolute;
            /* 7 */
            top: 0.8em;
            /* 7 */
            right: 0.5em;
            /* 7 */
            pointer-events: none;
            /* 8 */
        }
        .workflow_search .select select {
            cursor: pointer;
            /* 9 */
            padding: 0.5em;
            /* 10 */
            padding-right: 2.5em;
            /* 11 */

            /* 12 */
            border: none;
            /* 13 */
            background: transparent;
            /* 13 */
            background-image: none;
            /* 13 */
            -webkit-appearance: none;
            /* 13 */
            -moz-appearance: none;
            /* 13 */
            appearance: none;
            /* 13 */
            text-indent: 0.01px;
            /* 14 */
            text-overflow: '';
            /* 14 */
            width: 160% \9;
            /* 15 */
        }
        .workflow_search .select select:focus {
            outline: none;
            /* 16 */
        }


        .select:before {
            font-family: "icons";
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .select:before {
            content: "\e600";
        }

        @font-face {
            font-family: 'icons';
            src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAARgAAoAAAAABBgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAANgAAADYZbVvCE9TLzIAAAHMAAAAYAAAAGAIIvy2Y21hcAAAAiwAAABMAAAATBpVzFdnYXNwAAACeAAAAAgAAAAIAAAAEGhlYWQAAAKAAAAANgAAADYAl8viaGhlYQAAArgAAAAkAAAAJANuAeZobXR4AAAC3AAAABQAAAAUAwAAdG1heHAAAALwAAAABgAAAAYABVAAbmFtZQAAAvgAAAFFAAABRVcZpu5wb3N0AAAEQAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAAB2Dx0AAAB7ER0AAAAJHQAAAM8SAAYBAQgPERMWG2ljb21vb25pY29tb29udTB1MXUyMHVFNjAwAAACAYkAAwAFAQEEBwoNTPyUDvyUDvyUDvuUDvgg958VgYD7AiOLi4aFg4iEi4SLg46GkYuL+wLzgZaAloqel5eWlpqMmX8I7yvv6wWZl5qKloCXf4p4gIAIDviUFPiUFYsMCgADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYAAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5gD//f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAss1nQF8PPPUACwIAAAAAAM/2xdgAAAAAz/bF2AAAAAABjAE1AAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAGMAAEAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAQAAAAIAAHQAAFAAAAUAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKADQAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKADQAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
            font-weight: normal;
            font-style: normal;
        }

        /*工作流程查询结束*/
    </style>
</block>
<block name="content" > 
    <div class="workflow_search">
        <form action="{:U('search')}" method="get">
            <ul>
                <li> 
                    <label>范围:</label>    
                    <div class="select">           
                        <select name="range">
                            <option value="1" {$range == 1?'selected' :''}>我发起的</option>
                            <option value="2"{$range == 2?'selected' :''}>我经办的</option>
                        </select>
                    </div>
                </li>
                <li>
                    <label>时间：</label>
                    <input type="text" id="start" class="te dateTime" value="{$start}" name="start">至
                    <input type="text" id="end" class="te dateTime" name="end" value="{$end}">
                    <a class="pointer empty1">清空</a>
                </li>
                <li>
                    <input class="search_submit" type="button" value="开始查询"/>
                </li>
            </ul>
        </form>
    </div>
    <div class="transferred_table">
        <table border="1">
            <tr>
                <th>流水号</th>
                <th>公文名称/文号</th>
                <th>发起人</th>
                <th>当前处理人</th>
                <th>步骤</th>
            </tr>
            <notempty name="runs">
                <foreach name="runs" item="run">
                    <tr>
                        
                        <td>{$run.run_id}</td>
                        <td><a href="{:U('Index/showForm',array('id'=>$run['flow_type']['form_id'],'run_id'=>$run['run_id'],'prcs_id'=>$run['prcs_id']))}">{$run.run_name}<if condition="$run['title'] neq null"> - {$run['title']}</if></a></td>
                        <td>{$run.begin_user|getChineseName}</td>
                        <td>{$run.user|getChineseName}</td>
                        <td><a href="{:U('Index/showForm',array('id'=>$run['flow_type']['form_id'],'run_id'=>$run['run_id'],'prcs_id'=>$run['prcs_id']))}">第{$run.prcs}步：{$run.prcs_name}</a></td>
                    </tr>
                </foreach>
                <else />
                <tr><td colspan="5" style="text-align: left">暂无数据</td></tr>
            </notempty>
        </table>
        <!--<div class="page">{$pages}</div>-->
        <input type="hidden" id="url" value="{:U('dropload')}">
    </div>
    <div class="button">
        <a class="am-btn back" data-url="{:U('Index/index')}">返 回</a>
    </div>
</div>
</block>
<block name="script">
    <script type="text/javascript" src="/Public/Index/js/search.js"></script>
    <script type="text/javascript">
        $('.back').on('click', function () {
            location.href = $(this).attr('data-url')
        })

        $(dateTime());
        $(initSearch());

        

    </script>
</block>
